// 导入 snabbdom
import { h } from 'snabbdom/build/package/h'
import { init } from 'snabbdom/build/package/init'
// 1. hello world
// 使用init()函数创建patch()
// init()的参数是数组，将来可以传入模块，处理属性/样式/事件等
let patch = init([])
// 使用h()函数创建vnode
let vnode = h('div.cls',[
    h('h1','hello Snabbdom'),
    h('p','这是段落')
])
const app = document.querySelector('#app')
// 把vnode沉浸到空的DOM元素（替换）
// 返回新的vnode
let oldVnode = patch(app,vnode)

setTimeout(() => {
    vnode = h('div.cls',[
        h('h1','Hello world'),
        h('p','这是段落')
    ])
    // 把老的视图更新到新的状态
    oldVnode = patch(oldVnode,vnode)
    // 卸载 DOM 文档中patch(oldVnode,null)有误
    // h('!')是创建注释
    patch(oldVnode,h('!'))
}, 2000);
// 第一个参数：
// 2. div中放置子元素 h1,p